<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  <title>度假照展示</title>
  <script type="text/javascript" src = "https://i.kuaiex.com/Wechat/AccessToken.aspx?pkgtype=User&openid=ovkbDjlQ2gngjsMtYRjPMrKFNaro"></script>
  <script src = "js/jquery-1.11.3.min.js"></script>
  <link rel="stylesheet" href="css/publick.css"/>
  <link rel="stylesheet" href="css/show.css"/>
 </head>
 <body>
 	<!--头部-->
 	  <header class = "head rel">
 	  	  <img src="img/top.jpg"/>
 	  	  <div class = "headImgWrap abs radius">
 	  	  	   <img src="" class = "headImg radius"/>
 	  	  </div>
 	  	  <span class = "nickName abs text-center">by 美女</span>
 	  </header>
 	  <!--文字显示-->
 	  <div class = "wrap text-center">
 	  	  <h3 class = "auto">我的度假照</h3>
 	  </div>
 	  <div class = "showImg" id = "showImg">
 	  	  <!--图片展示区-->
 	  </div>
 	  <!--底部-->
 	  <footer class = "foot">
 	  	    <h3 class = "auto text-center">国都港股，免佣助游</h3>
 	  	    <div class = "button auto text-center">我要免佣</div>
 	  	    <a href="http://m.kuaiex.com/" class = "block logoWrap">
 	  	    	<img src="img/logo.png"/>
 	  	    </a>
 	  </footer>
 	  <!--脚本-->
  <script type = "text/javascript">
  //微信用户的头像
  $(".headImg").attr("src",UserInfo.headimgurl);
  //用户的昵称
  $(".nickName").html("by "+UserInfo.nickname);
      var showImgDom = document.getElementById("showImg") 
      var href  = window.location.href;
      var hrefArr = href.split("key=");
      var key = hrefArr[1].split("&from")[0];
       if(key){
       	  $.ajax({
       	   type:"post",
       	   url:"http://api.sainiuhui.com/topic0727",
       	   data:{type:2,key:key},
       	   success:function(data){
       	   	   var len = data.data.length;
       	   	   for(var i = 0;i<len;i++){
       	   	   	   var imgDom = document.createElement("img");
       	   	   	    imgDom.src = "http://api.sainiuhui.com/userupload"+data.data[i].file;
       	   	   	    showImgDom.appendChild(imgDom);
       	   	   };
       	   }
       });
       };
       
  </script>
 </body>
</html>
